<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件</title>
    <script src='./jquery.js'></script>
</head>
<body>
    <!-- <div class="btn" onclick="alert(9999)">点我</div> -->
    <div class="btn">点我</div>
    <input type="text">
</body>
    <script>
        // var btn = document.getElementsByClassName('btn');
        // btn[0].onclick = function() {
        //     alert(999)
        // }

    //    console.log($('.btn'))
    // function fn(){
        
    //     alert(9999)
    // }
    // $('.btn').on('click',fn)

    // $('.btn').off('click',fn)

    // $('.btn').one('click',function(){
    //     alert('我只能被触发一次')
    // });

    // $('input').focus(function(){
    //     alert('聚集焦点')
    // })

    $('.btn').click(function(e){
        console.log(e);
    })
    </script>
</html>